iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
2

這篇主要,我們要先去安裝 Node.js ,然後藉由 NPM 去安裝 Ionic CLI。

安裝 Node.js

https://nodejs.org/

如果安裝好,可以輸入下列指令判斷是否已經安裝好了,下列指令會顯示安裝 Node.js 跟 NPM 的版本。

node -v
npm -v

使用 NPM 安裝 Ionic CLI

npm install -g @ionic/cli

建立第一個 Ionic APP 專案

下面的指令是叫 ionic 起一個 tabs 範本的 APP 專案,firstApp 則是我自取專案的名稱。
他中間會叫你選擇要使用 Angular 或是 React ,我是選擇 Angular 。

ionic start firstApp tabs

以下是建立出來的專案

啟動

切到 firstApp 目錄下,然後執行 ionic serve 他就會跑起來了。
接著你就可以用瀏覽器去看你的 APP ,http://localhost:8100 。

cd firstApp
ionic serve

額外的注意事項

如果你很久之前有安裝過 Ionic CLI 的話,建議先移除舊的,然後再安裝。 主要是 Ionic CLI 的套件名稱之前有更名。

npm uninstall -g ionic
npm install -g @ionic/cli

下一篇
安裝 VSCode & firstApp 解析
系列文
純粹沒有寫過行動,Ionic 學習中...30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言